<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
 <%@page import="java.text.*"%> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>加班记录</title>
<link href="<c:url value='/insdep/reset.min.css' />" rel="stylesheet" type="text/css">
<link href="<c:url value='/insdep/easyui_full.css'/>" rel="stylesheet" type="text/css">
<link href="<c:url value='/insdep/icon.css'/>" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<c:url value='/insdep/jquery-1.11.3.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/insdep/jquery.easyui-1.5.2.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/insdep/insdep-extend.min.js'/>"></script>
<link rel="stylesheet" type="text/css" href="<c:url value='/insdep/iconfont/iconfont.css' />">
<link href="<c:url value='/css/wsf-button.css'/>" rel="stylesheet" type="text/css">
</head>
<body>
<script type="text/javascript">
$(function(){
	var localdeptid = "";
	/**
	 *员工树形展示
	 */
	$('#check_work_Dept_tree').tree({ 
			onClick: function(node){
				 localdeptid = node.id;
				 if(node.attributes.vivo=="yes"){
					 $('#check_work_emp_info_dg').datagrid({
						url:'####',
						queryParams: {
							deptId: node.id
						}
					});
				 }
			}
	});
	
});
</script> 
<script type="text/javascript">
	/**
	 *毫秒转日期
	 */
	/* function formatter_date(val, row, index){
		return new Date(val).toLocaleDateString()+"(星期"+new Date(val).getDay()+")";  
	} */
	/**
	 *改变字体颜色
	 */
	/* function formatter_font_color(val, row, index){
		return "<span style='color:red'>"+val+"</span>";
	} */
</script>
	<div id="check_work_layout" class="easyui-layout" fit="true" ">   
	    <div data-options="region:'west',title:'员工',split:true" style="width:15%;">
	    	<ul id="check_work_Dept_tree" class="easyui-tree" data-options="url:'find_CheckDeptAndEmp'"></ul> 
	    </div>   
	    <div class="theme-header-layout" style="height:70px;border: 0px solid red" data-options="region:'north'">
    	<div style="margin-left: 3%;width:80%;margin-right:5%;margin-top:20px;border: 0px solid green">
        <form action="" id="overtime_from" class="searcher-form" method="post">
    		<input id="empName" name="empName" class="easyui-textbox"  style="width: 30%;"  labelAlign="right" label="姓名：" labelWidth="150px"> 
			<input id="deptName" name="deptName" class="easyui-textbox"  style="width: 30%;"  labelAlign="right" label="部门：" labelWidth="150px"> 
			<a id="checkPL"  class="easyui-linkbutton button-line-blue" 
			style="width: 9%;height: 30px;margin-left: 9%;"><i class="iconfont icon-roundcheck"></i>查询</a>
    		<a id="ot_daochu"  class="easyui-linkbutton button-line-blue" 
			style="width: 9%;height: 30px;margin-left: 9%;"><i class="iconfont icon-pulldown"></i>导出</a>
    	</form>
    	</div>
    </div>
    <div class="theme-center-layout" style="border: 0px solid red" data-options="region:'center',title:'人事档案信息表'">
        <!-- <div style="margin-left: 12%;margin-right:5%;margin-top:20px;border: 0px solid red"> -->
        <!--  class="table table-striped" -->
        <table id="overtime_table" style="width:100%;height: 100%" class="easyui-datagrid" 
		data-options="
		height:450,
		fitColumns:true,
		url:'',
		rownumbers: true,
		<!-- toolbar: '#tb', -->
		nowrap:false, 
		autoRowHeight:true,
		pagination:true,
		pageSize: 5,
		pageList:[5,10,15,20]
		">
	<thead>
		<tr>
			<th style="font-weight: 700;width: 10%" align="center" data-options="field:'deptname'">部门名称</th>
			<th style="font-weight: bold;width: 10%" align="center" data-options="field:'empname'">姓名</th>
			<th style="font-weight: bold;width: 10%" align="center" data-options="formatter:fornatter_sex,field:'empsex'">性别</th>
			<th style="font-weight: bold;width: 11%" align="center" data-options="field:'birthday'">出生日期</th>
			<th style="font-weight: bold;width: 10%" align="center" data-options="formatter:fornatter_type,field:'emptype'">员工类型</th>
			<th style="font-weight: bold;width: 10%" align="center" data-options="formatter:fornatter_state,field:'empstate'">在职状态</th>
			<th style="font-weight: bold;width: 10%" align="center" data-options="field:'positionname'">职位</th>
			<th style="font-weight: bold;width: 11%" align="center" data-options="field:'entertime'">入职日期</th>
			
			
			<th field="note" style="font-weight: bold;width: 18%;" align="center" data-options="formatter:note_bianji">操作</th>
		</tr>
	</thead>
</table>
<!-- </div> -->

    </div>	
	</div> 
	<!-- 新增考勤记录 -->
	<div id="create_check_work_record_win"></div>
</body>
</html>